<div style="overflow-x: hidden;">
    <div id="searchBlock">
        <form id="searchForm" style="margin: 0 20px;">
            <div class="row">
                <div class="col-md-4 form-horizontal">
                    <div class="form-group">
                        <label class="col-md-3 control-label"><input type="radio" name="queryType" id="dr1" value="0">
                            按省市区县查询:</label>
                        <div class="col-md-9">
                            <input id="province" class="easyui-combobox" style="width: 110px;"/>
                            <input id="city" class="easyui-combobox" style="width: 110px;"/>
                            <input id="county" class="easyui-combobox" style="width: 110px;"/>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 form-horizontal">
                    <div class="form-group">
                        <label class="col-md-3 control-label"><input type="radio" name="queryType" id="dr2" value="1">
                            按任务查询:</label>
                        <div class="col-md-8">
                            <button id="chooseTask" class="btn btn-default" type="button" disabled
                                    style="background: gray">请选择
                            </button>
                            <input class="form-control" id="taskName" name="taskName" value="" type="hidden"/>
                        </div>
                    </div>
                </div>
                <div class="col-md-1 form-horizontal">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                    <button id="btnReset" class="btn btn-default" type="button">重置</button>
                </div>
                <div class="col-md-1 form-horizontal" style="float: right;">
                    <button id="exportReport" class="btn btn-default" type="button">导出报告</button>
                </div>
            </div>
        </form>
    </div>
    <div id="preports-tips" style="padding: 20px 0;text-align: center;">
        <span style="font-family: '微软雅黑';font-size: 30px;">请查询要查看或导出的普查报告</span>
    </div>
    <div class="row" id="preports-contents" style="display:none;margin: 10px 0 0 0;">
        <div>
            <div style="padding: 10px;border-bottom: 2px solid #ddd;">
                <span style="font-size: 25px;font-family: Microsoft YaHei;">基本信息:</span>
                <span style="font-size: 18px;color: red">(如果无结果展示，表示该类统计结果都为0)</span>
            </div>
            <div>
                <div>
                    <span style="font-size: 20px;font-family: Microsoft YaHei;">工作区建筑物总数统计图</span>
                </div>
                <div class="col-md-6">
                    <div id="buildingWorkspace1" style="height: 400px"></div>
                </div>
                <div class="col-md-6">
                    <div id="buildingWorkspace2" style="height: 400px"></div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;border-bottom: 2px solid #ddd;">
                <span style="font-size: 25px;font-family: Microsoft YaHei;">房屋设施基本情况：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 20px;font-family: Microsoft YaHei;">城镇房屋结构类型占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="cityBuildingsArea" style="height: 280px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 20px;font-family: Microsoft YaHei;">城镇房屋结构类型占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="cityBuildingsNum" style="height: 280px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 20px;font-family: Microsoft YaHei;">农村房屋结构类型占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralBuildingsArea" style="height: 280px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 20px;font-family: Microsoft YaHei;">农村房屋结构类型占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralBuildingsNum" style="height: 280px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;">
                <span style="font-size: 22px;font-family: Microsoft YaHei;">房屋设施建造年代占比统计：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅建造年代占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="cityBuildingsAgeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅建造年代占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="cityBuildingsAgeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）建造年代占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ucityBuildingsAgeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）建造年代占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ucityBuildingsAgeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房建造年代占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralBuildingsAgeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房建造年代占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralBuildingsAgeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑建造年代占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="pbruralBuildingsAgeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑建造年代占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="pbruralBuildingsAgeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;border-bottom: 2px solid #ddd;">
                <span style="font-size: 25px;font-family: Microsoft YaHei;">房屋设施抗震设防情况：</span>
            </div>
            <div style="padding: 10px;">
                <span style="font-size: 22px;font-family: Microsoft YaHei;">房屋设施抗震设防烈度占比统计：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅抗震设防烈度占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="cityEarthquakeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅抗震设防烈度占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="cityEarthquakeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）抗震设防烈度占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ucityEarthquakeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）抗震设防烈度占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ucityEarthquakeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房抗震设防烈度占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralEarthquakeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房抗震设防烈度占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralEarthquakeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑抗震设防烈度占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="pbruralEarthquakeArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑抗震设防烈度占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="pbruralEarthquakeNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;">
                <span style="font-size: 22px;font-family: Microsoft YaHei;">农村住房抗震构造措施占比统计：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村居住房屋抗震构造措施占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralStructureArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村居住房屋抗震构造措施占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralStructureNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村居住房屋曾受灾情况占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="pbruralDisastersArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村居住房屋曾受灾情况占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="pbruralDisastersNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;">
                <span style="font-size: 22px;font-family: Microsoft YaHei;">房屋设施抗震设防情况占比统计：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅抗震设防情况占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="citySituationArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅抗震设防情况占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="citySituationNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）抗震设防情况占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ucitySituationArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）抗震设防情况占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ucitySituationNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房抗震设防情况占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralSituationArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房抗震设防情况占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralSituationNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑抗震设防情况占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="pbruralSituationArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑抗震设防情况占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="pbruralSituationNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div style="padding: 10px;">
                <span style="font-size: 22px;font-family: Microsoft YaHei;">存在安全隐患占比统计：</span>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅安全隐患占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="cityhiddenDangerArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇住宅安全隐患占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="cityhiddenDangerNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）安全隐患占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ucityhiddenDangerArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">城镇房屋设施（非住宅）安全隐患占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ucityhiddenDangerNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房安全隐患占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="ruralhiddenDangerArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村住房安全隐患占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="ruralhiddenDangerNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑安全隐患占比统计图（面积）：</span>
                    </div>
                    <div>
                        <div id="pbruralhiddenDangerArea" style="height: 250px"></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div>
                        <span style="font-size: 18px;font-family: Microsoft YaHei;">农村公共建筑安全隐患占比统计图（栋数）：</span>
                    </div>
                    <div>
                        <div id="pbruralhiddenDangerNum" style="height: 250px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
